Vue.component('left-menu',{
	props:{//这里是组件可以接受的参数，也就是相当于面向原型写组件时的配置参数，用户可以传递不同参数，自己定义组 
	        menulist:{//列表内容
	            type:Array,
	            default:[]
	        }
	    },
	template:`<div class="Menu">
        <template v-for="value in menulist">
		<el-submenu :key="value.id" :index="value.id" v-if="value.child">
		    <template slot="title">
		        <i class="el-icon-message"></i>
		        <span slot="title">{{value.name}}</span>
		    </template>
		   <left-menu :menulist="value.child"></left-menu>
		</el-submenu>
            <el-menu-item :key="value.id" :index="value.id" v-else  @click="add">
                <i class="el-icon-message"></i>
                <span slot="title">{{value.name}}</span>
            </el-menu-item>
        </template>
    </div>
		`,
		methods:{
			addTab(){
				this.$emit("add,value")
			}
		}
		
});